<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="/css/x-admin.css"/>
    <link rel="stylesheet" href="/lib/bootstrap/css/bootstrap.css" />
    <link rel="stylesheet" href="/layui/css/layui.css" />
    <link rel="stylesheet" href="/css/welcome/welcome.css"/>
    <script src="/jquery/jquery-3.2.1.min.js"></script>
    <script src="/echarts/echarts.js"></script>
</head>
<body>
<div id="body">
    <!-- 头部开始 -->
    <blockquote class="layui-elem-quote">
        <span class="username" style="color:dimgrey;">系统首页</span>
        <button type="button" class="layui-btn" style="float: right; margin: -8px 100px 0px 0px;" onclick="Refresh()"><i
                class="layui-icon">&#xe669</i>刷新</button>
    </blockquote>
    <!-- 头部结束 -->

    <!-- 小模块开始 -->
    <div class="layui-row layui-col-space10">
        <div class="layui-col-md2 col1" style="margin-left: 10px">
            <div class="symbol">
                <i class="layui-icon" style="font-size: 70px; color: #0DAB9E;">&#xe65d</i>
            </div>
            <div class="value tab-menu" bind="1">
                <p>上视频总数</p>
                <p id="courseSum"></p>
            </div>
        </div>
        <div class="layui-col-md2 col1">
            <div class="symbol">
                <i class="layui-icon" style="font-size: 70px; color: #0DAB9E;">&#xe705</i>
            </div>
            <div class="value tab-menu" bind="1">
                <p>视频浏览数</p>
                <p id="lookSum"></p>
            </div>
        </div>
        <div class="layui-col-md2 col1">
            <div class="symbol">
                <i class="layui-icon" style="font-size: 70px; color: #0DAB9E;">&#xe600</i>
            </div>
            <div class="value tab-menu" bind="1">
                <p>视频收藏量</p>
                <p id="collectSum"></p>
            </div>
        </div>
        <div class="layui-col-md2 col1">
            <div class="symbol">
                <i class="layui-icon" style="font-size: 70px; color: #0DAB9E;">&#xe6c6</i>
            </div>
            <div class="value tab-menu" bind="1">
                <p>视频点赞量</p>
                <p id="likeNum"></p>
            </div>
        </div>
    </div>
    <!-- 小模块结束 -->

    <!-- 待处理事务开始 -->
    <div class="agency">
        <div class="nav">
            <h3>待处理事务</h3>
        </div>
        <div class="body">
            <a href="javaScript:;">商品待审核信息 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: black">(<span id="productRecord" style="color: red;">10</span>)</span></a>
        </div>
    </div>
    <!-- 待处理事务结束 -->

    <!-- 运营快速入口开始 -->
    <div class="entrance">
        <div class="nav">
            <h3>运营快速入口</h3>
        </div>
        <div class="hid">
            <div class="model quick" data-value="账户设置"  >
                <a href="javaScript: ;" class="layui-icon" style="font-size: 80px">&#xe614
                    <p>账户设置</p>
                </a>
            </div>
            <div class="model quick" data-value="微圈评论" >
                <a href="javaScript: ;" class="layui-icon" style="font-size: 80px">&#xe63a
                    <p>微圈评论</p>
                </a>
            </div>
            <div class="model quick" data-value="课程评论">
                <a href="javaScript: ;" class="layui-icon" style="font-size: 80px">&#xe611
                    <p>课程评论</p>
                </a>
            </div>
            <div class="model quick" data-value="课程列表">
                <a href="javaScript: ;" class="layui-icon" style="font-size: 80px">&#xe656
                    <p>课程列表</p>
                </a>
            </div>
            <div class="model quick" data-value="微圈列表">
                <a href="javaScript: ;" class="layui-icon" style="font-size: 80px">&#xe705
                    <p>微圈列表</p>
                </a>
            </div>
            <div class="model quick" data-value="课程审核列表">
                <a href="javaScript: ;" class="layui-icon" style="font-size: 80px">&#xe615
                    <p>课程审核</p>
                </a>
            </div>
            <div class="model quick" data-value="微圈审核列表">
                <a href="javaScript: ;" class="layui-icon" style="font-size: 80px">&#xe615
                    <p>微圈审核</p>
                </a>
            </div>
            <div class="model quick" data-value="审核日志">
                <a href="javaScript: ;" class="layui-icon" style="font-size: 80px">&#xe63c
                    <p>审核日志</p>
                </a>
            </div>
        </div>
    </div>
    <!-- 运营快速入口结束 -->

    <!-- 商品总览 | 用户总览 开始 -->
    <div class="overview">
        <div class="left">
            <div class="nav">
                <h3>商品总览</h3>
            </div>
            <div class="model">
                <p style="display: block"><span style="color: darkred;font-size: 45px;display: block;margin-left: 35px" id="courseStatus"></span></p>
                <p style="color: #979899;font-size: 19px;">课程数量(已上架)</p>
            </div>
            <div class="model">
                <p style="display: block"><span style="color: darkred;font-size: 45px;display: block;margin-left: 54px" id="productSate"></span></p>
                <p style="color: #979899;font-size: 19px;">商品数量(已上架)</p>
            </div>
        </div>
        <div class="right">
            <div class="nav">
                <h3>用户总览</h3>
            </div>
            <div class="model">
                <p style="display: block"><span style="color: darkred;font-size: 45px;display: block;margin-left: 25px" id="todayAddCount"></span></p>
                <p style="color: #979899;font-size: 19px;">今日新增</p>
            </div>
            <div class="model">
                <p style="display: block"><span style="color: darkred;font-size: 45px;display: block;margin-left: 25px" id="yesterdayAddCount"></span></p>
                <p style="color: #979899;font-size: 19px;">昨日新增</p>
            </div>
            <div class="model">
                <p style="display: block"><span style="color: darkred;font-size: 45px;display: block;margin-left: 25px" id="monthAddCount"></span></p>
                <p style="color: #979899;font-size: 19px;">本月新增</p>
            </div>
            <div class="model">
                <p style="display: block"><span style="color: darkred;font-size: 45px;display: block;margin-left: 25px" id="count"></span></p>
                <p style="color: #979899;font-size: 19px;">全部用户</p>
            </div>
        </div>
    </div>
    <!-- 商品总览 | 用户总览 结束 -->

    <!-- 课程统计开始 -->
    <<div class="chart">
        <div class="nav">
            <h3>课程统计</h3>
        </div>
        <!--课程统计-->
        <div class="bottom">
            <div class="middle">
                <span class="today fr" id="courseHourCount">今天</span>
                <span class="week fr" id="courseWeekCount">本周</span>
                <span class="month fr" id="courseDaycount">本月</span>
            </div>
        </div>
        <div id="main"></div>
    </div>

    <!-- 课程统计结束 -->
    <!-- 最底部 -->
    <div class="top">
        <input type="hidden" title="这是个小盒子就是撑起来页面的没什么大用">
    </div>
    <!-- 最底部 -->
</div>
</body>
<script src="/js/welcome/welcome.js"></script>
</html>
